@tailwind base;
@tailwind components;
@tailwind utilities;


html,
body,
#root {
  height: 100%;
  width: 100%;
  margin: 0;
}

/* 垂直滚动条 */
*::-webkit-scrollbar {
  width: 8px;
}

*::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 3px;
  transition: all 0.3s ease; /* 添加过渡效果 */
}

/* 水平滚动条 */
*::-webkit-scrollbar:horizontal {
  height: 8px;
}

*::-webkit-scrollbar-thumb:horizontal {
  background-color: #ccc;
  border-radius: 5px;
  transition: all 0.3s ease; /* 添加过渡效果 */
}

*::-webkit-scrollbar-thumb:hover {
  background-color: #999; /* 滑块颜色加深 */
}

aside {
  box-shadow: 0px 6px 20px rgba(25, 25, 26, .06), 0px 2px 12px rgba(25, 25, 26, .04);;
}

.starter-modal .ant-modal-confirm-paragraph,
.ant-modal-confirm .ant-modal-confirm-paragraph{
  max-width: 100%;
}
.starter-modal-wrapper {
  display: flex;
  align-items: center;
}
.starter-modal-wrapper .ant-modal {
  top: 0;
}
